<div class="main-controller">
    <div class="flt">
        <a href="#" class="btn-plus">新增</a>
        <a href="#" class="btn-refresh lnk-refresh">刷新</a>
    </div>
    <div class="frt">
        <input type="text" placeholder="模糊查询名称字段" class="keyword" /><button class="btn-search">查询</button><button class="btn-options" onclick="return btn_search_adv_click();">高级</button>
        <div class="search-adv hidden">
            <form method="get" action="#">
                <table class="table-form">
                    <tr><th>名称：</th><td><input type="text" /></td></tr>
                    <tr><th>国家：</th><td><select><option>中国</option><option>美国</option></select></td></tr>
                    <tr><th>兴趣：</th><td class="input-group"><input type="checkbox" />足球<input type="checkbox" />篮球<input type="checkbox" />高尔夫球</td></tr>
                    <tr><th>性别：</th><td class="input-group"><input type="radio" />全部<input type="radio" />男士<input type="radio" />女士</td></tr>
                </table>
            </form>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<div class="main-content">
    {$list_content}
</div>
<script type="text/javascript">
    // 高级查询按钮点击事件
    // 2015-3-16 by sutroon
    function btn_search_adv_click() {
        $('.search-adv').dialog({'title': '高级搜索',
            buttons: {
                "查询": function () {
                    alert('查询');
                },
                '重置': function () {
                    $('.search-adv form')[0].reset();
                },
                '关闭': function () {
                    $('.search-adv').dialog("close");
                }
            }
        });
        return false;
    }

    /**
     * 关闭对话框
     * @param {string} selector 对话框选择器
     * @returns {Boolean}
     * @since 1.0 2015-3-16 by sutroon
     */
    function close_dialog(selector) {
        $(selector).dialog('close', true);
        return false;
    }
</script>